﻿<!DOCTYPE html>
<html lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Dominie - Online Education Courses HTML Template</title>

    <!-- Stylesheet -->
    <link rel="stylesheet" href="assets/css/vendor.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>
<body>

<!-- preloader area start -->
<div class="preloader" id="preloader">
    <div class="preloader-inner">
        <div class="spinner">
            <div class="dot1"></div>
            <div class="dot2"></div>
        </div>
    </div>
</div>
<!-- preloader area end -->

<!-- search popup start-->
<div class="body-overlay" id="body-overlay"></div>
<div class="td-search-popup" id="td-search-popup">
    <form action="home.jsp" class="search-form">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search.....">
        </div>
        <button type="submit" class="submit-btn"><i class="fa fa-search"></i></button>
    </form>
</div>
<!-- search popup end-->

<!-- log-in popup start-->
<div class="td-log-in-popup" id="td-log-in-popup">
    <div class="container">
        <div class="row justify-content-center no-gutters">
            <div class="col-lg-5">
                <div class="log-in-wrap">
                    <div class="thumb">
                        <img src="assets/img/logo-3.png" alt="img">
                    </div>
                    <p>Your student account is you portal to all things Dominie your classroom, projects, forums,
                        carees, resources.</p>
                    <a class="btn btn-white" href="#">Student</a>
                    <a class="btn btn-border-white" href="#">Instructirs</a>
                </div>
            </div>
            <div class="col-xl-6 col-lg-7">
                <div class="log-in-form">
                    <!--  <button type="button" class="close">
                         <span>&times;</span>
                     </button> -->
                    <ul class="nav nav-pills">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="pill" href="#pills-home">Login</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="pill" href="#pills-profile">Register</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="pills-home">
                            <form>
                                <div class="form-group">
                                    <label>Username or email address*</label>
                                    <input type="text" class="form-control" placeholder="youremail@gmail.com">
                                </div>
                                <div class="form-group">
                                    <label>Password</label>
                                    <input type="password" class="form-control">
                                </div>
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input">
                                    <label class="form-check-label">Remember me</label>
                                </div>
                                <a class="lost-password" href="#">Lost your password?</a>
                                <button type="submit" class="btn btn-base w-100">Login</button>
                                <div class="other-log-in-area text-center">
                                    <h6>OR LOGIN WITH</h6>
                                    <a class="btn btn-fb" href="#"><i class="fa fa-facebook"></i>FACEBOOK</a>
                                    <a class="btn btn-google" href="#"><i class="fa fa-google"></i>GOOGLE</a>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="pills-profile">
                            <form>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Full Name</label>
                                            <input type="text" class="form-control" placeholder="Full Name">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>User or email*</label>
                                            <input type="text" class="form-control" placeholder="Email">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>Password</label>
                                    <input type="password" class="form-control" placeholder="password">
                                </div>
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input">
                                    <label class="form-check-label">Remember me</label>
                                </div>
                                <a class="lost-password" href="#">Lost your password?</a>
                                <button type="submit" class="btn btn-base w-100">Login</button>
                                <div class="other-log-in-area text-center">
                                    <h6>OR LOGIN WITH</h6>
                                    <a class="btn btn-fb" href="#"><i class="fa fa-facebook"></i>FACEBOOK</a>
                                    <a class="btn btn-google" href="#"><i class="fa fa-google"></i>GOOGLE</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- log-in popup end-->

<!-- navbar start -->
<div class="navbar-area">
    <nav class="navbar navbar-expand-lg">
        <div class="container nav-container">
            <div class="responsive-mobile-menu">
                <button class="menu toggle-btn d-block d-lg-none" data-target="#themefie_main_menu"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="icon-left"></span>
                    <span class="icon-right"></span>
                </button>
            </div>
            <div class="logo">
                <a class="main-logo" href="home.jsp"><img src="assets/img/logo.png" alt="img"></a>
            </div>
            <div class="nav-right-part nav-right-part-mobile">
                <a class="search" href="#"><i class="fa fa-search"></i></a>
                <a class="btn btn-base log-in" href="#">Login</a>
            </div>
            <div class="nav-left-part">
                <ul class="nav-left-part-list">
                    <li>
                        <div class="header-cat-menu">
                            <i class="fa fa-th"></i>
                            <a href="#">Courses</a>
                            <i class="fa fa-caret-down"></i>
                            <ul>
                                <li><a href="#"><i class="fa fa-building"></i> Business</a></li>
                                <li><a href="#"><i class="fa fa-th"></i> Design</a></li>
                                <li><a href="#"><i class="fa fa-code"></i> Development</a></li>
                                <li><a href="#"><i class="fa fa-clone"></i> Marketing</a></li>
                                <li><a href="#"><i class="fa fa-pencil-square-o"></i> Math</a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="main-search-inner main-search-bg ml-3">
                            <i class="fa fa-search"></i>
                            <input type="text" placeholder="Search Here">
                        </div>
                    </li>
                </ul>
            </div>
            <div class="collapse navbar-collapse" id="themefie_main_menu">
                <ul class="navbar-nav menu-open text-left pl-lg-5">
                    <li class="menu-item-has-children current-menu-item">
                        <a href="#">Home</a>
                        <ul class="sub-menu">
                            <li><a href="home.jsp">Home 01</a></li>
                            <li><a href="index-2.html">Home 02</a></li>
                            <li><a href="home.jsp">Home 03</a></li>
                            <li><a href="index-4.html">Home 04</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children current-menu-item">
                        <a href="#">Pages</a>
                        <ul class="sub-menu">
                            <li><a href="about.html">About</a></li>
                            <li><a href="course.html">Course</a></li>
                            <li><a href="course-view.jsp">Course View</a></li>
                            <li><a href="course-view.jsp">Course View 2</a></li>
                            <li><a href="instructor.html">Instructor</a></li>
                            <li><a href="instructor-single.html">Instructor Single</a></li>
                            <li><a href="cart.html">Cart</a></li>
                            <li><a href="checkout.html">Checkout</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
            <div class="nav-right-part nav-right-part-desktop">
                <a class="btn btn-white log-in" href="#">Login</a>
            </div>
        </div>
    </nav>
</div>
<!-- navbar end -->

<!-- blog single start -->
<div class="blog-single-area pd-top-195">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="blog-details-inner">
                    <h2>Photoshop Logo Tutorial: Step-by-Step Tutorial to Create a Business Logo with Photoshop</h2>
                    <div class="thumb">
                        <img src="assets/img/blog/blog-single.png" alt="img">
                    </div>
                    <p>Lorem ipsum dolor sit amet, elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                        aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
                        vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                        incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus
                        commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, elit, sed do
                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices
                        gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit
                        amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                        aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus
                        vel facilisis. </p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra
                        maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
                        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse
                        ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="thumb mb-0">
                                <img src="assets/img/blog/03.png" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-7 align-self-center">
                            <p>There are over 2 million apps on the App Store and growing. The only apps that do well
                                are ones which are well designed both in terms of user interface and user experience.
                                That's why it so important to</p>
                            <p>There are over 2 million apps on the App Store and growing. The only apps that do well
                                are ones which are well designed both in terms of user interface and user experience.
                                That's why it so important to</p>
                            <p class="mb-0">There are over 2 million apps on the App Store and growing. The only apps
                                that do well are ones which are well designed both in terms of user interface and user
                                experience. That's why it so important to</p>
                        </div>
                    </div>
                </div>
                <div class="tag-share-area">
                    <div class="row">
                        <div class="col-md-6 align-self-center">
                            <div class="tag-inner">
                                <span>Tags: </span>
                                <a href="#">Landing pafe, </a>
                                <a href="#">Saas, </a>
                                <a href="#">UI design</a>
                            </div>
                        </div>
                        <div class="col-md-6 text-md-right mt-3 mt-md-0">
                            <ul class="social-area">
                                <li>
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-instagram"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-behance"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-linkedin"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="comment-area">
                    <h5>03 Comments</h5>
                    <div class="media">
                        <div class="media-left">
                            <img src="assets/img/team/1.png" alt="img">
                        </div>
                        <div class="media-body">
                            <h6>Haslida heris</h6>
                            <span>20 Feb 2020 at 4:00 pm</span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                                ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo
                                viverra maecenas accumsan lacus vel facilisis.</p>
                            <a class="btn btn-base" href="#">Reply</a>
                        </div>
                    </div>
                </div>
                <form class="comment-form">
                    <h5>Comments</h5>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="single-input-wrap">
                                <input type="text" class="form-control" placeholder="Your Name">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="single-input-wrap">
                                <input type="text" class="form-control" placeholder="Your Email">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="single-input-wrap">
                                <textarea rows="4" placeholder="Message..."></textarea>
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-base">Submit your Message</button>
                </form>
            </div>
            <div class="col-lg-4">
                <div class="sidebar-area">
                    <div class="widget widget_search">
                        <form class="search-form">
                            <div class="form-group">
                                <input type="text" placeholder="Search Here">
                            </div>
                            <button class="submit-btn" type="submit"><i class="fa fa-search"></i></button>
                        </form>
                    </div>
                    <div class="widget widget-recent-post">
                        <h4 class="widget-title">Recent Post</h4>
                        <ul>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <img src="assets/img/blog/8.png" alt="widget">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="title"><a href="#">Interdum luct accu sam</a></h6>
                                        <span class="post-date">August 29, 2019</span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <img src="assets/img/blog/9.png" alt="widget">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="title"><a href="#">Aliqua mollit nemo taci</a></h6>
                                        <span class="post-date">August 29, 2019</span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <img src="assets/img/blog/10.png" alt="widget">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="title"><a href="#">Interdum luct accu sam</a></h6>
                                        <span class="post-date">August 29, 2019</span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <img src="assets/img/blog/11.png" alt="widget">
                                    </div>
                                    <div class="media-body">
                                        <h6 class="title"><a href="#">Aliqua mollit nemo taci</a></h6>
                                        <span class="post-date">August 29, 2019</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="widget widget_categories">
                        <h4 class="widget-title">Category</h4>
                        <ul>
                            <li><a href="#">Software</a></li>
                            <li><a href="#">App Landing</a></li>
                            <li><a href="#">Saas Landing</a></li>
                            <li><a href="#">Design Studio</a></li>
                            <li><a href="#">Product Showcase</a></li>
                            <li><a href="#">Tech Company</a></li>
                            <li><a href="#">Startup Company</a></li>
                            <li><a href="#">Crypto Currency</a></li>
                        </ul>
                    </div>
                    <div class="widget widget_tag_cloud mb-0">
                        <h4 class="widget-title">Popular Tag</h4>
                        <div class="tagcloud">
                            <a href="#">UI / UX</a>
                            <a href="#">UI Design</a>
                            <a href="#">Development</a>
                            <a href="#">Startup</a>
                            <a href="#">Marketing</a>
                            <a href="#">Digital</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- blog single end -->

<!-- footer area start -->
<footer class="footer-area pd-top-140">
    <div class="container">
        <div class="footer-top text-center">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-8">
                    <h2>Subscribe Newsletter</h2>
                    <p>Small team with big ideas! We provide UI/UX Design, Development, premium WordPress themes,
                        plugins</p>
                    <div class="subscribe-inner-wrap">
                        <input type="text" placeholder="Enter Your Email">
                        <button class="btn btn-base">Subscribe</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-sm-6">
                <h4 class="widget-title">Categories</h4>
                <div class="widget_nav_menu">
                    <ul>
                        <li><a href="#">All Courses</a></li>
                        <li><a href="#">Digital Marketing</a></li>
                        <li><a href="#">Design & Branding</a></li>
                        <li><a href="#">Adobe Creative Cloud</a></li>
                        <li><a href="#">Storytelling & Voice Over</a></li>
                        <li><a href="#">Web & SEO</a></li>
                        <li><a href="#">Programs</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <h4 class="widget-title">Community</h4>
                <div class="widget_nav_menu">
                    <ul>
                        <li><a href="#">Go Premium</a></li>
                        <li><a href="#">Team Plans</a></li>
                        <li><a href="#">Refer a Friend</a></li>
                        <li><a href="#">Gift Cards</a></li>
                        <li><a href="#">Scholarships</a></li>
                        <li><a href="#">Free Classes</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <h4 class="widget-title">Teaching</h4>
                <div class="widget_nav_menu">
                    <ul>
                        <li><a href="#">Become a Teacher</a></li>
                        <li><a href="#">Teaching Academy</a></li>
                        <li><a href="#">Teacher Handbook</a></li>
                        <li><a href="#">Partnerships</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <h4 class="widget-title">Support</h4>
                <div class="widget_nav_menu mb-5">
                    <ul>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Contact Support</a></li>
                        <li><a href="#">Forum</a></li>
                    </ul>
                </div>
                <h4 class="widget-title">Follow Us On</h4>
                <ul class="social-area mb-5 mb-lg-0">
                    <li>
                        <a href="#"><i class="fa fa-facebook"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-behance"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="row">
                <div class="col-md-6">
                    <div class="thumb">
                        <img src="assets/img/logo.png" alt="img">
                    </div>
                </div>
                <div class="col-md-6 text-md-right mt-3 mt-md-0 align-self-center">
                    <p>©2020 <span>Themefie®</span>. All Rights <a href="http://www.bootstrapmb.com/">bootstrapmb</a>.
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer area end -->

<!-- back to top area start -->
<div class="back-to-top">
    <span class="back-top"><i class="fa fa-angle-up"></i></span>
</div>
<!-- back to top area end -->


<!-- all plugins here -->
<script src="assets/js/vendor.js"></script>
<!-- main js  -->
<script src="assets/js/main.js"></script>
</body>
</html>
